<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<style>
    .kuang{
        width: 700px;
        height: 1000px;
        border: solid white;
        margin: auto;
        padding-left: 100px;
        padding-right: 100px;
        background-color: lightpink;
    }
    input{
        outline: none;
    }
    .hang{
        float: right;
        margin-top: -150px;
        margin-left: -50px;
    }
</style>
<body>
<div class="kuang">
    <form action="../table.html" method="get">
        <p style="font-size: 42px;font-family: 微软雅黑;color: dodgerblue;text-align: center;font-weight: bold">表单</p>
        <p style="font-size: 24px">姓名：<input type="text" placeholder="&nbsp;请输入姓名" style="font-size: 24px;border-radius: 10px;width: 300px;margin-left: 50px" required></p>
        <p style="font-size: 24px">性别：<input type="radio" name="sex" checked style="margin-left: 50px">男&nbsp;&nbsp;<input type="radio" name="sex">女</p>
        <p style="font-size: 24px">年龄：<select style="font-size: 20px;width: 80px;margin-left: 50px">
                    <option>&nbsp;&nbsp;&nbsp;18</option>
                    <option>&nbsp;&nbsp;&nbsp;19</option>
                    <option>&nbsp;&nbsp;&nbsp;20</option>
                    <option>&nbsp;&nbsp;&nbsp;21</option>
                    <option>&nbsp;&nbsp;&nbsp;22</option>
                    <option>&nbsp;&nbsp;&nbsp;23</option>
                    <option>&nbsp;&nbsp;&nbsp;24</option>
                    <option>&nbsp;&nbsp;&nbsp;25</option>
                </select></p>
        <p style="font-size: 24px">密码：<input type="password" placeholder="&nbsp;请输入密码" style="font-size: 24px;border-radius: 10px;width: 300px;margin-left: 50px" required></p>
        <p style="font-size: 24px">确认密码：<input type="password" placeholder="&nbsp;请确认密码" style="font-size: 24px;border-radius: 10px;width: 300px" required></p>
        <p style="font-size: 24px">电子邮箱：<input type="email" placeholder="&nbsp;请输入带电子邮箱" style="font-size: 24px;border-radius: 10px;width: 300px" required></p>
        <p style="font-size: 24px">爱好：<input type="checkbox" name="hobby" checked style="margin-left: 50px">健身&nbsp;&nbsp;<input type="checkbox" name="hobby">摄影&nbsp;&nbsp;<input type="checkbox" name="hobby">修图&nbsp;&nbsp;<input type="checkbox" name="hobby" checked>摩旅&nbsp;&nbsp;<input type="checkbox" name="hobby">阅读</p>
        <div><a style="font-size: 24px"><div style="margin-top: 150px">个人介绍：</div><div class="hang"><textarea style="width: 570px;height: 300px"></textarea></div></a></div>
        <p style="margin-top: 220px;text-align: center"><input type="reset" value="重置" style="font-size: 20px;margin-right: 50px"><input type="submit" value="提交" style="font-size: 20px"></p>
    </form>
</div>
</body>
</html>